<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>WebRTC - inner html</title>
<style>
	video {
		width:320px;
		height:240px;
	}
</style>
</head>
<body>
	<div id="mbody">
		<div>
			<video autoplay :src="localVideo"></video>
			<textarea rows="15" cols="20" :disabled="localTextarea" v-model="localText"></textarea>
	    </div>
	    <div>
	    	<video autoplay :src="remoteVideo"></video>
			<textarea rows="15" cols="20" :disabled="remoteTextarea" v-model="remoteText"></textarea>
		</div>
		<div>
			<button :disabled="startBtn" @click="start">开始</button>
	    	<button :disabled="callBtn" @click="call">加入房间</button>
	    	<button :disabled="sendBtn" @click="send">发送消息</button>
	    	<button :disabled="endBtn" @click="end">结束</button>
	    	<!-- <button @click="test">测试定向发送</button> -->
		</div>
	</div>
	
	<script src="//cdn.bootcss.com/vue/2.2.6/vue.js"></script>
	<script src="//cdn.bootcss.com/stomp.js/2.3.2/stomp.js"></script>
	<script src="//cdn.bootcss.com/sockjs-client/1.1.2/sockjs.js"></script>
	<script src="//cdn.bootcss.com/jquery/1.9.1/jquery.js"></script>
	<script src="js/lib/adapter.js"></script>
	<script src="js/inner-browser.js"></script>
	<script type="text/javascript" src="js/webRTC_V2.js" ></script>
	<script type="text/javascript" src="js/signaling_V2.js"></script>
</body>
</html>